<!DOCTYPE html>
<html>
  <head>
    <title>tabbootstrap.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
	<!-- js import -->
	<script type="text/javascript" src="../js/easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	<!-- 扩展easyui验证 -->
	<script type="text/javascript" src="../js/jquery-validation/jquery.validate.min.js"></script>
	<script type="text/javascript" src="../js/jquery-validation/messages_cn.js"></script>

  </head>
  
  <body>
    <!-- div class="container" -->
    	<div class="panel panel-default">
    		<div class="panel-heading" style="height: 66px;">
    		      <span>dfdfdf</span>
	    	      <span style="float: right; padding: 4px;"> 
					欢迎您：|
					<a href="#" onclick="updatePwd();" title="修改密码">修改密码</a>|
					<a href="#" onclick="logout();">退出系统</a> &nbsp;
				  </span>
    		</div>
    	</div>
    	<div class="container">
    		<div  class="row" >
    		<div class="col-lg-2" style="width: 16%;">
    			<div class="panel panel-default">
    				<div class="panel-body">
    					span2span2span
    			    </div>
    			</div>
    			</div>
    			<div class="col-lg-8" style="width: 84%;">
	    			<div class="panel panel-default">
	    				<div class="panel-body">
				<form class="form-horizontal" role="form">
				  <div class="form-group">
				    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
				    <div class="col-sm-4">
				      <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="Email">
				    </div>
				    <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
				    <div class="col-sm-4">
				      <input type="email" class="form-control input-sm" id="inputEmail3" placeholder="Email">
				    </div>
				  </div>
				  <div class="form-group">
				    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				    <div class="col-sm-4">
				      <input type="password" class="form-control input-sm" id="inputPassword3" placeholder="Password">
				    </div>
				    <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				    <div class="col-sm-4">
				      <input type="password" class="form-control input-sm" id="inputPassword3" placeholder="Password">
				    </div>
				  </div>
				  <div class="form-group">
				    <div class="col-sm-offset-2 col-sm-10">
				      <div class="checkbox">
				        <label>
				          <input type="checkbox"> Remember me
				        </label>
				      </div>
				    </div>
				  </div>
				  <div class="form-group">
				    <div class="col-sm-offset-2 col-sm-10">
				      <button type="submit" class="btn btn-default">Sign in</button>
				    </div>
				  </div>
				</form>
				<div style="margin:auto 0; padding:1px; border-top:1px dashed #000;width:100%;"></div>
			    <div class="input-group">
				      <div class="input-group-btn">
				        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
				        <ul class="dropdown-menu">
				          <li><a href="#">Action</a></li>
				          <li><a href="#">Another action</a></li>
				          <li><a href="#">Something else here</a></li>
				          <li class="divider"></li>
				          <li><a href="#">Separated link</a></li>
				        </ul>
				      </div>
				      <div class="col-sm-7">
				      <input type="text" class="form-control" placeholder="请输入搜索关键字">
				      </div><div class="col-sm-2"><button type="submit" class="btn btn-default ">搜索</button></div>
			    </div>
			    <table class="table table-hover">
				  <thead>
			          <tr>
			            <th>#</th>
			            <th>First Name</th>
			            <th>Last Name</th>
			            <th>Username</th>
			          </tr>
			        </thead>
			        <tbody>
			          <tr>
			            <td>1</td>
			            <td>Mark</td>
			            <td>Otto</td>
			            <td>@mdo</td>
			          </tr>
			          <tr>
			            <td>2</td>
			            <td>Jacob</td>
			            <td>Thornton</td>
			            <td>@fat</td>
			          </tr>
			          <tr>
			            <td>3</td>
			            <td colspan="2">Larry the Bird</td>
			            <td>@twitter</td>
			          </tr>
			        </tbody>
				</table>
    			<ul class="pagination">
				  <li><a href="#">&laquo;</a></li>
				  <li><a href="#">1</a></li>
				  <li><a href="#">2</a></li>
				  <li><a href="#">3</a></li>
				  <li><a href="#">4</a></li>
				  <li><a href="#">5</a></li>
				  <li><a href="#">&raquo;</a></li>
				</ul>
	    			    </div>
	    			</div>
    			</div>
    		</div>
    		
    	</div>
    	<div class="panel panel-default">
    		<div class="panel-footer" style="height: 50px;text-align: center; line-height: 25px; overflow: hidden;">
    			--息系统统一平台 © 北京--软件技术有限公司版权所有
    		</div>
    	</div>
    <!--  /div -->
    
    
  </body>
</html>
